﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CreatingConsumingStyleSheetsExample.aspx.cs" Inherits="Examples_CreatingConsumingStyleSheetsExample" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>
   
<mobile:Form id="Form1" runat="server">
    <mobile:Label id="Label1" runat="server" StyleReference="Head">
        Using Styles
    </mobile:Label>
    <mobile:Label id="Label2" runat="server" StyleReference="SubHead">
        Inheritance
    </mobile:Label>
    <mobile:TextView id="TextView1"
        runat="server"
        StyleReference="BodyText">
        This text uses the BodyText style. The subheading uses the
        SubHead style, which inherits properties from the Head 
        style.
    </mobile:TextView>
</mobile:Form>
   
<mobile:StyleSheet id="StyleSheet1" runat="server">
    <Style Name="Head"
        Font-Size="Large" Font-Bold="True" Alignment="Center" />
    <Style Name="SubHead"
        StyleReference="Head" Font-Size="Normal" Alignment="Left" />
    <Style Name="BodyText" Font-Italic="True" />
</mobile:StyleSheet>